@charset "utf-8";
body,hr, p,blockquote, dl, dt, dd, ul, ol, li,form, fieldset, legend, img{ border:none; margin: 0; padding: 0;}
body{font-size:12px;color:#666;font-family:"微软雅黑";width:100%;overflow-x:hidden;word-break:break-all;min-width:1000px}
em{font-style:normal;}
h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:normal}
ul, ol{list-style:none;}
a{text-decoration:none;color:#999;}
a:hover{text-decoration:none;}
img{border:none;line-height:0;font-size:0;vertical-align:bottom;}
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;}
.wrap,.w1200{width:1200px;margin:0 auto;}
.fr{float:right}
.fl{float:left}
/*======================浮动的外层==================*/
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix{zoom:1}
.clearfix{display:block;}
/* end clearfix */
/*header*/
.wrapper{background:#fff;width:1200px;padding:0 20px;margin:0 auto}
.head{padding:22px 0}
.head .side{color:#666;font-size:14px;padding-top:30px}
.head .side a{color:#666;font-size:14px;display:block;border-right:1px solid #ccc;float:left;padding:0 10px;height:14px;line-height:13px}
.head .side a:nth-child(3n){border-right:none;padding-right:0}
.menu{background:#253652;}
.menu li{float:left;height:55px;}
.menu li a{display:block;color:#fff;  width:120px;padding:9.5px 25.7px;}
.menu li a span{font-size:16px; text-align:center; display:block}
.menu li a  i{display:block; line-height:15px; padding:0 3px; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; font-size: 12px; color: #fff; font-style:normal; text-align:center;}
.menu li a:hover{background:#3c4f6f}
/*footer*/
.footer{width:100%;text-align:center;padding:16px 0}
.footer .f_menu{padding:40px 0}
.f_menu a{display:inline-block;color:#1b283e;font-size:14px;margin:0 30px}
.footer p{color:#666;font-size:12px;line-height:30px}
.footer p a{color:#666;font-size:12px;}